Step 1 of 4: Setting Up the Application
In This Topic
In this step, you will create a new Universal Windows application using RangeSlider for UWP.
- In Visual Studio, select File | New Project.
- In the New Project dialog box, select Templates | Visual C# | Windows | Universal.
- From the templates list, select Blank App (Universal Windows) and give your project a Name, and select OK.
- Add the following assembly to your application by right-clicking the References folder and selecting Add Reference:
- In Design view, click once within the Grid in your application.
- Navigate to the Toolbox and double-click the Rectangle icon to add the standard control to the Grid.
- In the Design pane, move and resize rectangle1 to fill the center of the Grid.
- Switch to XAML view and add a Fill to the <Rectangle> tag so it appears similar to the following:
XAML |
Copy Code
|
<Rectangle Name="rectangle1">
<Rectangle.Fill>
<LinearGradientBrush x:Name="colors">
<GradientStop x:Name="goldcol" Color="Gold" Offset="0" />
<GradientStop x:Name="blackcol" Color="Black" Offset="1" />
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
|
- Run your application now and observe that it looks similar to the following:
You've successfully created a Universal Windows application and customized the Rectangle control. In the next step you'll add and customize the C1RangeSlider control.